@import 'bxslider';
@import 'glisse';
@import 'pagination';

/*
=== COMMON ===
*/

* {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

a {
  text-decoration: none !important;
}

a:visited {
  text-decoration: none !important;
}

.bx-wrapper,
.bx-wrapper * {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}

.bx-wrapper .bx-viewport {
  left: 0px !important;
  right: 0px !important;
}

.bx-wrapper .bannerImg {
  width: 100% !important;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  background: url(http://s28.postimg.org/fp7m5rcd5/bak1.png);
}

#menuBar {
  width: 100%;
  height: 50px;
  position: relative;
  background: #F0F0F0;
  padding-left: 10px;
  box-shadow: 1px 1px 5px #666;
}

#menuBar #categoryList {
  float:left;
}

#menuBar #categoryList .wrapper {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}

#menuBar #categoryList .wrapper .col,
#menuBar #categoryList .wrapper .selected {
  float: left;
  height: 20px;
  padding: 3px 10px 3px 10px;
  margin-right: 20px;
}

#menuBar #categoryList .wrapper .selected {
  background: #5E54EF;
  border-radius: 3px;
}

#menuBar #categoryList .wrapper .col a,
#menuBar #categoryList .wrapper .selected a {
  text-decoration: none;
  font-size: 11pt;
}

#menuBar #categoryList .wrapper .col a {
  color: #444444 !important;
}

#menuBar #categoryList .wrapper .selected a {
  color: white !important;
}

#menuBar #searchBox {
  float: right;
  margin-right: 30px;
  margin-top: 12px;
}

#menuBar #searchBox input {
  width: 250px;
  height: 20px;
  font-size: 10pt;
  padding: 2px 2px 2px 2px;
}

#menuBar #userInfo {
  float: right;
  padding-right: 20px;
}

#menuBar #userInfo .col {
  float: left;
}

#menuBar #userInfo .cart_image {
  margin-top: 10px;
}

#menuBar #userInfo .cart_label {
  margin-left: 5px;
  margin-top: 17px;
  color: #444444;
}

#menuBar #userInfo .cart_count {
  margin-top: 18px;
  margin-left: 5px;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
  color: white;
  background: #ff0000;
  border-radius: 150px;
}

#menuBar #userInfo .fbAccount {
  margin-left: 30px;  
  height: 50px;
}

#menuBar #userInfo .fbAccount .name {
  margin-right: 10px;
  float: left;
  font-size: 12pt;
  color: #444444;
  margin-top: 16px;
  display: none;
}

#menuBar #userInfo .fbAccount .profilePic {
  width: 40px;
  height: 40px;
  border-radius: 150px;
  float: left;
  margin-top: 5px;
  cursor: pointer;
  display: none;
}

#menuBar #userInfo .fbAccount .loginButton {
  margin-top: 11px;
  display: none;
  background: url(image_path('facebookbutton.png')) no-repeat;
  width: 89px;
  height: 30px;
  padding: 0px 0px;
  border: 0px;
  cursor: pointer;
}

#header_seperator {
  background: #e4e4e4;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 2px;
}

.blueButton,
.redButton {
  background: #6358FC;
  border-radius: 3px;
  border: none;
  color: white;
  font-weight: bold;
  padding: 5px 20px 6px 20px;
  cursor: pointer;
}

.redButton {
  background: #ff0000 !important;
}

.client_data_table {
  border-collapse:collapse;
}

.client_data_table th {
  background-color: #00C064;
  color: white !important;
  font-size: 10pt;
  font-weight: bold;
  padding: 10px;
  border: thin solid #00C064;
}

.client_data_table td {
  padding: 10px;
  border: thin solid #00C064;
  color: #444444;
  font-size: 11pt;
}

.client_data_table .total {
  color: #2DBEA2 !important;
}

.client_data_table .sum {
  font-weight: bold !important;
}

.client_data_table .sumText {
  color: #2DBEA2 !important;
  font-size: 12pt;
  font-weight: bold;
}

.clickable_table td {
  cursor: pointer;
}

.clickable_table tr:not(:first-child):hover {
  background-color: #eeeeee;
}

.error_box {
  background-color: yellow;
  border: thin solid red;
  padding: 20px;
  color: black;
}

.message_box {
  background-color: #E7EFE4;
  border: thin solid #3071A9;
  padding: 20px;
  color: black;
}

#footer {
  background: black;
  width: 100%;
  height: 85px;
  clear: both;
  padding-left: 15px;
  padding-top: 10px;
  color: #D5ECCD;
  font-size: 11pt;
  line-height: 18px;
  margin-bottom: 5px;
}

.well {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}


/*
=== HOME ===
*/
#productList {
  position: relative;
}

#productList #facepile {
  height: 80px;
}

#productList .product {
  clear: both;
  background: #eff8ea;
}

#productList .product:hover {
  background: white;
}

#productList .product .col1 {
  height: 100%;
  padding-left: 10px;
}

#productList .product .col1 .name {
  color: #18B0E0;
  font-weight: bold;
  font-size: 11pt;
}

#productList .product .col1 .price,
#productList .product .col1 .in_store {
  color: #7C8B55;
}

#productList .product .col1 .not_in_store {
  color: #ff0000 !important;
}

#productList .product .col2 img {
  height: 120px;
}

#productList .footer {
  background: #CBE1CB;
  box-shadow: 0px 0px 1px #666;
  width: 100%;
  clear: both;
  height: 30px;
}

#productList .footer .fb-like {
  margin-left: 10px;
  margin-top: 1px;
}

#productList .footer table td {
  vertical-align: top;
}

#productList .footer .commentCountImg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-top: 1px;
  margin-left: 20px;
}

#productList .footer .count {
  margin-top: 3px;
}

#productList .footer .count span {
  color: white;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
}

#productList .footer .addToCartButton {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 4px;
}

#productList .footer .addToCartButton img {
  width: 30px;
  height: 22px;
}


/*
=== PRODUCT DETAIL ===
*/
#product_detail {
  width: 60%;
  position: relative;
  left: 20%;
}

#product_detail .productImage {
  cursor: pointer;
}

#product_detail .col1 {
  float: left;
  width: 40%;
  background: ghostwhite;
}

#product_detail .col1 img {
  width: 100%;
}

#product_detail .col2 {
  float: left;
  margin-left: 15px;
  width: 50%;
}

#product_detail .col2 .info {
  background: #E7FCEB;
  padding: 10px 10px 10px 10px;
  border-radius: 3px;
}

#product_detail .col2 .info .name {
  color: #FF023E;
  font-weight: bold;
}

#product_detail .col2 .info .price,
#product_detail .col2 .info .in_store {
  color: #7C8B55;
}

#product_detail .add_to_cart_form {
  margin-top: 20px;
  background: #96DCE2;
  font-size: 11pt;
  color: rgb(112,97,97);
  padding: 5px;
  border-radius: 5px;
  border: 1px dotted white;
}

#product_detail .add_to_cart_form .label {
  font-weight: bold;
}

#product_detail .fbComments {
  margin-top: 20px;
}

#product_detail .desc {
  background-color: #5dbb87;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
}


/*
=== PROFILE DETAIL ===
*/
#profileDetail {
  position: relative;
}

#profileDetail input.text {
  width: 300px;
}

#profileDetail h3 {
  color: #FF7000;
  font-size: 14pt;
  font-weight: bold;
}


/*
=== CART ===
*/
#cartDetail {
  position: relative;
}

#cartDetail .groupTitle {
  color: #FF7000;
  font-size: 14pt;
  font-weight: bold;
}

#cartDetail .read_email_for_delivery_info {
  color: red;
  font-size: 10pt;
}

#cartDetail #deliveryInfo {
  padding-top: 30px;
}

#cartDetail #deliveryInfo .label {
  background-color: none !important;
  color: #003D1A;
  font-size: 10pt;
  padding: 10px;
  font-weight: bold;
}

#cartDetail #deliveryInfo input.text {
  width: 300px;
}

#cartDetail #deliveryInfo .use_profile {
  font-size: 10pt;
  color: #444444;
}

#cartDetail #deliveryMethod {
  margin-top: 30px;
}

#cartDetail #deliveryMethod .content {
  background-color: #ADF6B9;
  border-radius: 5px;
  width: 100%;
  padding: 10px 10px 10px 10px;
  color: #00507A;
}

#cartDetail #orderItems {
   margin-top: 30px;
}

#cartDetail #orderItems .removeFromCartButton {
  width: 30px;
  height: 30px;
  cursor: pointer;
}


/*
=== ORDER DETAIL ===
*/
#orderDetail .label {
  background-color: #CDFBD5;
  color: #003D1A;
  font-size: 10pt;
  padding: 10px;
  font-weight: bold;
  width: 150px;
}


/*
=== INFO ===
*/
#info h3 {
  color: #FF7000;
  font-size: 14pt;
  font-weight: bold;
}

/*
=== TAG TREE ===
*/
#tagTree {
  min-width: 150px;
  padding: 10px 0px 10px 0px;
  border-radius: 2px;
  background: #5dbb87;
  box-shadow: 1px 1px 2px #666;
}

#tagTree td {
  padding: 5px 10px 5px 10px;
}

#tagTree tr.selected {
  background-color: #ffffff !important;
}

#tagTree tr.selected .name {
  color: #AA7309 !important;
}

#tagTree tr.selected .pcount {
  color: #AA7309 !important;
}

#tagTree .name {
  color: #EFFDF6;
  font-size: 11pt;
}

#tagTree .parent {
  font-weight: bold;
}

#tagTree a.name:hover {
  color: #AA7309 !important;
}

#tagTree .pcount {
   color: white;
   font-size: 9pt;
}



#contentDiv {
  padding-top: 10px;
}